<template>
  <button type="button" class="btn btn-light btn-sm" @click="this.$router.go(-1)">后退</button>
  <!-- 直接开启 props 传参 -->
  <!-- <h4 class="text-center">用户详情 -- {{ id }}</h4> -->
  <!-- 使用路由导航对象 this.$router.params 传参，使用路由参数对象 this.$route 来接收参数 -->
  <h4 class="text-center">用户详情 -- {{ $route.params.id }}</h4>
</template>

<script>
export default {
  name: 'MyUserDetail',
  props: {
    id: {
      type: [String, Number],
      default: '',
    },
  },
}
</script>

<style lang="less" scoped>
</style>